.flex{
  display: flex;
}
.flex-center{
  display: flex;
  align-items: center;
  justify-content: center;
}
.cursor{
  cursor: pointer;
}
.bold{
  font-weight: bold;
}

@hd: 1px;
@normalNumber: 1,2,4,5,6,8,12,14,16,20,24,28,30,32,36,40;

each(@normalNumber, {
  .pd-@{value}{
    padding: @value * @hd;
  }
  .pl-@{value}{
    padding-left: @value * @hd;
  }
  .pr-@{value}{
    padding-right: @value * @hd;
  }
  .pb-@{value}{
    padding-bottom: @value * @hd;
  }
  .pt-@{value}{
    padding-top: @value * @hd;
  }
  .mg-@{value}{
    margin: @value * @hd;
  }
  .ml-@{value}{
    margin-left: @value * @hd;
  }
  .mr-@{value}{
    margin-right: @value * @hd;
  }
  .mb-@{value}{
    margin-bottom: @value * @hd;
  }
  .mt-@{value}{
    margin-top: @value * @hd;
  }
  .lh-@{value}{
    line-height: @value * @hd;
  }
});
.fontSizeGen(@i) when(@i<=24){
  .fs-@{i} {
     font-size: @i + 0px !important;
  }
  .fontSizeGen(@i + 1);
}
.fontSizeGen(10);
